<!DOCTYPE HTML>
<script src="../resources/text-based-repaint.js"></script>
<script>
    function repaintTest()
    {
        // Adding box-shadow will cause a repaint but no layout.
        document.getElementById("test").style['box-shadow'] = '5px 5px 5px rgba(0,0,0,0.3)';
    }
    window.onload = runRepaintAndPixelTest;
</script>
<div id="test" style="background-color: green; width: 100px; height: 100px; box-shadow: 10px 10px 10px rgba(0,0,0,0.3);"></div>
<p>
Tests the repainting of box shadows when changed.
</p>
